<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>网站后台管理模版</title>
	<link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/admin.css}"/>
</head>
<body>
<form class="layui-form column-content-detail">
	<div class="layui-tab">
		<ul class="layui-tab-title">
			<li class="layui-this">处理采购请求（总经理）</li>
			<li>审批过程</li>
		</ul>
		<div class="layui-tab-content">
			<input id="taskId" name="taskId" th:value="${taskId}" type="hidden"/>
			<div class="layui-tab-item layui-show">

				<div class="layui-form-item">
					<label class="layui-form-label">申请人</label>
					<div class="layui-input-block">
						<input type="text" id="userName" name="userName" th:value="${purchase.proposer}" readonly   autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">清单</label>
					<table class="layui-table" style="width: 80%">
						<thead>
						<tr>
							<td>物品名称</td>
							<td>物品价格</td>
							<td>数量</td>
						</tr>
						</thead>
						<tbody>
						<tr th:each="good:${purchase.list}">
							<td  th:text="${good.goodsName}"></td>
							<td  th:text="${good.goodsPrice}"></td>
							<td  th:text="${good.goodsNum}"></td>
						</tr>
						</tbody>
					</table>
				</div>

				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">审批意见</label>
						<div class="layui-input-inline">
							<select name="approve" lay-verify="required" id="approve">
								<option value="true">同意</option>
								<option value="false">拒绝</option>
							</select>
						</div>
					</div>
				</div>

				<div class="layui-form-item" style="padding-left: 10px;">
					<div class="layui-input-block">
						<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>

			</div>

			<div class="layui-tab-item">
				<table class="layui-table">
					<thead>
					<tr>
						<th>审批步骤</th>
						<th>审批人</th>
						<th>审批意见</th>
						<th>审批时间</th>
					</tr>
					</thead>
					<tbody>
						<tr th:each="step,gwstate:${stepList}">
							<td th:text="${step.stepName}"></td>
							<td th:text="${step.stepUser}"></td>
							<td th:text="${step.stepSuggest}"></td>
							<td th:text="${#dates.format(step.createTime,'yyyy-MM-dd HH:mm:ss')}"></td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>

</form>
<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/common.js}" type="text/javascript" charset="utf-8"></script>
<script>

    layui.use(['form', 'table', 'laydate', 'layer', 'laypage', 'dialog',  'tool', 'element', 'upload', 'layedit'], function() {
        var form = layui.form,
            layer = layui.layer,
            table = layui.table,
            laypage = layui.laypage,
            laydate = layui.laydate,
            layedit = layui.layedit,
            tool = layui.tool,
            element = layui.element,
            dialog = layui.dialog;

        //获取当前iframe的name值
        var iframeObj = $(window.frameElement).attr('name');

		//监听提交
		form.on('submit(formDemo)', function(data){
			var data = {
				taskId:$('#taskId').val(),
				approve:$('#approve').find("option:selected").val()
			}
			$.ajax({
				url:'/purchase/generalManagerDeal',
				data:data,
				type: 'post',
				dataType:'json',
				success:function (data){
					if(data.code == 200){
						layer.msg('审批成功');
					}else if(data.code == 400){
						layer.msg(data.msg);
					}else{
						layer.msg('审批失败，请联系管理员');
					}
					var index = parent.layer.getFrameIndex(window.name);
					setTimeout(function () {
						//先得到当前iframe层的索引
						parent.layer.close(index);
						//window.parent.location.replace(parent.location.href)
						parent.layui.table.reload('test',{page:{curr:1}});
					},3000)

				}
			});
			return false;
		});



	});










</script>
</body>
</html>